<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
   <div class="container">
       <h3><a href=""><img src="logo.png" alt="">购物车</a></h3>
       <p class="quan">全部商品<span class="shul"></span></p>
       <ul class="list">
           <li>商品</li>
           <li class="mi">名称</li>
           <li class="da">单价</li>
           <li class="sh">数量</li>
           <li class="xi">小计</li>
           <li class="sa">操作</li>
       </ul>
       <div class="shop">
           <div class="user">
               <div class="img">
                   <img src="shop.webp" alt="">
               </div>
               <div class="text">
                   <p>晶誉 欧式锌合金复式楼大吊灯美式别墅楼梯吊 </p>
               </div>
               <div class="danjia">
                   <p>￥</p><p class="aa">25.80</p>
               </div>
               <div class="shu">
                   <input type="text" value="1" class="input">
                   <p>有货</p>
               </div>
                <div class="xiao">
                    <p class="zong">25.80</p>
                    <P class="wei">1.68</P>
                    <p class="dis">1.68</p>
                    <p class="du">kg</p>
                </div>
                <div class="shan">
                    <p>删除</p>
                </div>
           </div>
           <div class="user">
               <div class="img">
                   <img src="shop.webp" alt="">
               </div>
               <div class="text">
                   <p>晶誉 欧式锌合金复式楼大吊灯美式别墅楼梯吊 </p>
               </div>
               <div class="danjia">
                   <p>￥</p><p class="aa">15.80</p>
               </div>
               <div class="shu">
                   <input type="text" value="1" class="input">
                   <p>有货</p>
               </div>
                <div class="xiao">
                    <p class="zong">15.80</p>
                    <P class="wei">0.68</P>
                    <P class="dis">0.68</P>
                    <p class="du">kg</p>
                </div>
                <div class="shan">
                    <p>删除</p>
                </div>
           </div> 
           <div class="user">
               <div class="img">
                   <img src="shop.webp" alt="">
               </div>
               <div class="text">
                   <p>晶誉 欧式锌合金复式楼大吊灯美式别墅楼梯吊 </p>
               </div>
               <div class="danjia">
                   <p>￥</p><p class="aa">35.80</p>
               </div>
               <div class="shu">
                   <input type="text" value="1" class="input">
                   <p>有货</p>
               </div>
                <div class="xiao">
                    <p class="zong">35.80</p>
                    <P class="wei">2.68</P>
                    <P class="dis">2.68</P>
                    <p class="du">kg</p>
                </div>
                <div class="shan">
                    <p>删除</p>
                </div>
           </div>  
           <div class="user">
               <div class="img">
                   <img src="shop.webp" alt="">
               </div>
               <div class="text">
                   <p>晶誉 欧式锌合金复式楼大吊灯美式别墅楼梯吊 </p>
               </div>
               <div class="danjia">
                   <p>￥</p><p class="aa">45.80</p>
               </div>
               <div class="shu">
                   <input type="text" value="1" class="input">
                   <p>有货</p>
               </div>
                <div class="xiao">
                    <p class="zong">45.80</p>
                    <P class="wei">0.78</P>
                    <P class="dis">0.78</P>
                    <p class="du">kg</p>
                </div>
                <div class="shan">
                    <p>删除</p>
                </div>
           </div> 
       </div>
       <div class="end">
           <p>
               <span>总价</span><span class="endj"></span>
           </p>
       </div>
   </div>
    <script src="script.js"></script>
</body>
</html>